﻿
<script type="text/javascript">
  $(document).ready(function() {
    $("#accordion").accordion();
  });
</script>

<table id="catg_principal" cellspacing="0">
    <tr colspan="2">Buscar Producto</tr>
    <tr id="busqueda" style="height: 32px">
        <td style="padding: 5px 3px 5px 3px">
            <form name="frmbusqueda" action="Buscar.cshtml">
                <input type="text" value="Buscar por Palabra o Código:" name="busqparam" style="width: auto; color: #808080; text-decoration: italic" size="30" onclick="if(this.value=='Buscar por Palabra o C&oacute;digo:'){this.value='';}"/>
            </form>
        </td>
        <td>
            <img src="@Href("/img/Search2.png")" onclick="frmbusqueda.submit()" style="width: 32px" alt="Buscar"/>
        </td>
    </tr>
    <tr>
        <td id="categorias" colspan="2">
            <div id="accordion">
	<h3><a href="#">Categoría 1</a></h3>
	<div>
		<p>
		    Subcategoría
		</p>
	</div>
    <h3><a href="#">Categoría 2</a></h3>
	<div>
		<ul>
		    <li>Subcategoría</li>
            <li>Subcategoría</li>
            <li>Subcategoría</li>
            <li>Subcategoría</li>
		</ul>
	</div>
    <h3><a href="#">Categoría 3</a></h3>
	<div>
		<p>
		    Subcategoría
		</p>
	</div>
</div>
        </td>
    </tr>
</table>
